/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {TouchableHighlight} from 'react-native';

// project
import BaseStyle from '../../base/style';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class CTouchColor extends BaseStyle {

    /**
     * 需要删除的属性
     */
    getDeleteProps() {
        return [];
    }

	/**
     * 固定样式
     */
    getFixedStyles() {
        return {};
    }

    /**
     * 渲染
     */
	render() {

        // 计算oncolor
        if (this.props.active) this.sysProps['underlayColor'] = this.props.active;
        else {
            if (this.styles.backgroundColor) this.sysProps['underlayColor'] = this.styles.backgroundColor;
            else this.sysProps['underlayColor'] = 'transparent';
        }

        console.log(this.sysProps);
        // 渲染
		return (
            <TouchableHighlight {...this.sysProps} style={this.styles}>
                {this.props.children}
            </TouchableHighlight>
		);
	}
}
